1.1-认识TS

Create by fall on 03 Feb 2021 Recently revised in 15 Jan 2023

TypeScript

TypeScript 是一种由微软开发的开源、跨平台的编程语言。它是 JavaScript 的超集，最终会被编译为 JavaScript 代码。

2012 年 10 月，微软发布了首个公开版本的 TypeScript，2013 年 6 月 19 日，在经历了一个预览版之后微软正式发布了正式版 TypeScript。

TS 提供了一些强类型语言的特性，通过类型标注，表明声明的类型，在 TS 的文件中函数的形参，如果进行了修饰，在生成的 js 文件中是没有相应类型的

浏览器无法直接识别 TS 编写的程序，但如果 ts 文件中只存在 js 语言的代码，浏览器可以识别。

安装

使用 npm 包管理器 npm install -g typescript 进行全局安装

tsc -V 显示版本号即安装成功

特性

let msg = '小甜心'
function sayHi(str:string){ // str:string 表示类型是 string 类型的
  return '你好'+ str
}
console.log(sayHi(msg))

TypeScript 提供了静态的代码分析，它可以分析代码结构和提供的类型注解。

就算你的代码里有错误，你仍然可以使用 TypeScript。但在这种情况下，TypeScript 会警告你，你的代码可能不会按预期执行。

简单的TS接口

interface OnePerson {
  name:string
  age:string
  birthday: string
}
// 定义后 person 必须为 OnePerson 式的接口
function outputName(person: OnePerson) {
  console.log(person.name + '__' + person.age + '__' + person.birthday)
}
let person1 = {
  name: 'tom',
  age: '12',
  birthday: '04-03-02',
}
outputName(person1)

自编译

让 Visual Studio Code 自动编译好 TS 文件的代码

• 首先在当前文件夹下使用命令行工具输入 tsc --init 初始化工作环境。
• 然后使用 VS code 终端中的运行任务中的监视，并且选择该文件即可。

参考文章

名称	地址